<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 计算时间差  
        // 时间戳 ： 现在的时间距离 1970年1月1日0时0分0秒的毫秒数
        // 现在距离 明天上课的时间差 ，1.获取现在的时间戳   2. 获取明天上课的时间戳 
        // 时间对象里可以指定时间 ；
        function fn(){
            let a = new Date("2024-7-17 09:00:00").getTime(); //明天
        // console.log(a);
        // console.dir(a);

        // console.log(typeof a);
        let b = new Date().getTime();
        let time = a -  b;
        console.log(time);  // 明天上课的时间距离现在的时间差的毫秒数

        let day = parseInt( (((time/1000)/60)/60)/24); // 计算 天数
        console.log(day);

        // 计算小时
        let hour = parseInt( ((time/1000)/60)/60);
        console.log(hour);

        // 计算分钟
       let minute = parseInt( ((time/1000)/60)%60)
       console.log(minute)

        //    计算秒数
        let second =  parseInt((time/1000) %60);
        console.log(second);

        let str = `距离明天上课的时间还有： ${day} 天 ${hour}小时 ${minute}分 ${second} 秒`;

        document.body.innerHTML = `<h1>${str}</h1>`;
        }
        

        setInterval(function(){
            fn();
        }, 1000);



    </script>
</body>
</html>